// SPRITES
// Glyphs and icons for buttons, nav, and more
// -------------------------------------------


// ICONS
// -----

// All icons receive the styles of the <i> tag with a base class
// of .i and are then given a unique class to add width, height,
// and background-position. Your resulting HTML will look like
// <i class="icon-inbox"></i>.

// For the white version of the  icons, just add the .icon-white class:
// <i class="icon-inbox icon-white"></i>

[class^="icon-"],
[class*=" icon-"]
  display: inline-block
  width: 14px
  height: 14px
  line-height: 14px
  vertical-align: text-top
  background-image: url($iconSpritePath)
  background-position: 14px 14px
  background-repeat: no-repeat

  $ie7-restore-right-whitespace()

.icon-white
  background-image: url($iconWhiteSpritePath)


.icon-glass
  background-position: 0      0
.icon-music
  background-position: -24px  0
.icon-search
  background-position: -48px  0
.icon-envelope
  background-position: -72px  0
.icon-heart
  background-position: -96px  0
.icon-star
  background-position: -120px 0
.icon-star-empty
  background-position: -144px 0
.icon-user
  background-position: -168px 0
.icon-film
  background-position: -192px 0
.icon-th-large
  background-position: -216px 0
.icon-th
  background-position: -240px 0
.icon-th-list
  background-position: -264px 0
.icon-ok
  background-position: -288px 0
.icon-remove
  background-position: -312px 0
.icon-zoom-in
  background-position: -336px 0
.icon-zoom-out
  background-position: -360px 0
.icon-off
  background-position: -384px 0
.icon-signal
  background-position: -408px 0
.icon-cog
  background-position: -432px 0
.icon-trash
  background-position: -456px 0

.icon-home
  background-position: 0      -24px
.icon-file
  background-position: -24px  -24px
.icon-time
  background-position: -48px  -24px
.icon-road
  background-position: -72px  -24px
.icon-download-alt
  background-position: -96px  -24px
.icon-download
  background-position: -120px -24px
.icon-upload
  background-position: -144px -24px
.icon-inbox
  background-position: -168px -24px
.icon-play-circle
  background-position: -192px -24px
.icon-repeat
  background-position: -216px -24px
.icon-refresh
  background-position: -240px -24px
.icon-list-alt
  background-position: -264px -24px
.icon-lock
  background-position: -287px -24px // 1px off
.icon-flag
  background-position: -312px -24px
.icon-headphones
  background-position: -336px -24px
.icon-volume-off
  background-position: -360px -24px
.icon-volume-down
  background-position: -384px -24px
.icon-volume-up
  background-position: -408px -24px
.icon-qrcode
  background-position: -432px -24px
.icon-barcode
  background-position: -456px -24px

.icon-tag
  background-position: 0      -48px
.icon-tags
  background-position: -25px  -48px // 1px off
.icon-book
  background-position: -48px  -48px
.icon-bookmark
  background-position: -72px  -48px
.icon-print
  background-position: -96px  -48px
.icon-camera
  background-position: -120px -48px
.icon-font
  background-position: -144px -48px
.icon-bold
  background-position: -167px -48px // 1px off
.icon-italic
  background-position: -192px -48px
.icon-text-height
  background-position: -216px -48px
.icon-text-width
  background-position: -240px -48px
.icon-align-left
  background-position: -264px -48px
.icon-align-center
  background-position: -288px -48px
.icon-align-right
  background-position: -312px -48px
.icon-align-justify
  background-position: -336px -48px
.icon-list
  background-position: -360px -48px
.icon-indent-left
  background-position: -384px -48px
.icon-indent-right
  background-position: -408px -48px
.icon-facetime-video
  background-position: -432px -48px
.icon-picture
  background-position: -456px -48px

.icon-pencil
  background-position: 0      -72px
.icon-map-marker
  background-position: -24px  -72px
.icon-adjust
  background-position: -48px  -72px
.icon-tint
  background-position: -72px  -72px
.icon-edit
  background-position: -96px  -72px
.icon-share
  background-position: -120px -72px
.icon-check
  background-position: -144px -72px
.icon-move
  background-position: -168px -72px
.icon-step-backward
  background-position: -192px -72px
.icon-fast-backward
  background-position: -216px -72px
.icon-backward
  background-position: -240px -72px
.icon-play
  background-position: -264px -72px
.icon-pause
  background-position: -288px -72px
.icon-stop
  background-position: -312px -72px
.icon-forward
  background-position: -336px -72px
.icon-fast-forward
  background-position: -360px -72px
.icon-step-forward
  background-position: -384px -72px
.icon-eject
  background-position: -408px -72px
.icon-chevron-left
  background-position: -432px -72px
.icon-chevron-right
  background-position: -456px -72px

.icon-plus-sign
  background-position: 0      -96px
.icon-minus-sign
  background-position: -24px  -96px
.icon-remove-sign
  background-position: -48px  -96px
.icon-ok-sign
  background-position: -72px  -96px
.icon-question-sign
  background-position: -96px  -96px
.icon-info-sign
  background-position: -120px -96px
.icon-screenshot
  background-position: -144px -96px
.icon-remove-circle
  background-position: -168px -96px
.icon-ok-circle
  background-position: -192px -96px
.icon-ban-circle
  background-position: -216px -96px
.icon-arrow-left
  background-position: -240px -96px
.icon-arrow-right
  background-position: -264px -96px
.icon-arrow-up
  background-position: -289px -96px // 1px off
.icon-arrow-down
  background-position: -312px -96px
.icon-share-alt
  background-position: -336px -96px
.icon-resize-full
  background-position: -360px -96px
.icon-resize-small
  background-position: -384px -96px
.icon-plus
  background-position: -408px -96px
.icon-minus
  background-position: -433px -96px
.icon-asterisk
  background-position: -456px -96px

.icon-exclamation-sign
  background-position: 0      -120px
.icon-gift
  background-position: -24px  -120px
.icon-leaf
  background-position: -48px  -120px
.icon-fire
  background-position: -72px  -120px
.icon-eye-open
  background-position: -96px  -120px
.icon-eye-close
  background-position: -120px -120px
.icon-warning-sign
  background-position: -144px -120px
.icon-plane
  background-position: -168px -120px
.icon-calendar
  background-position: -192px -120px
.icon-random
  background-position: -216px -120px
.icon-comment
  background-position: -240px -120px
.icon-magnet
  background-position: -264px -120px
.icon-chevron-up
  background-position: -288px -120px
.icon-chevron-down
  background-position: -313px -119px // 1px off
.icon-retweet
  background-position: -336px -120px
.icon-shopping-cart
  background-position: -360px -120px
.icon-folder-close
  background-position: -384px -120px
.icon-folder-open
  background-position: -408px -120px
.icon-resize-vertical
  background-position: -432px -119px
.icon-resize-horizontal
  background-position: -456px -118px
